<template>
    <div class="trading-dynamic">
      <h1 class="module-title">交易动态</h1>
      <div class="marginT20">
        <!-- <vueSeamlessScroll :data="listData" class="seamless-warp">
            <ul class="item">
                <li v-for="item in listData" :key="item">
                    <span class="title" v-text="item.title"></span><span class="date" v-text="item.date"></span>
                </li>
            </ul>
        </vueSeamlessScroll> -->
        <Row>
          <i-col span="16" offset='4'>
            <Row>
              <i-col span="6"><h3>企业名称</h3></i-col>
              <i-col span="6"><h3>融资机构</h3></i-col>
              <i-col span="6"><h3>发放日期</h3></i-col>
              <i-col span="6"><h3>融资金额</h3></i-col>
            </Row>
            <vue-seamless-scroll v-if="tradeList.length" :data="tradeList" class="seamless-warp">
              <Row  v-for="(item,index) in tradeList" :key="index" style="margin-top:10px;">
                <i-col span="6">石家庄*********有限公司</i-col>
                <i-col span="6">{{item.entName}}</i-col>
                <i-col span="6">{{item.creditTime}}</i-col>
                <i-col span="6">{{item.creditAmt}}</i-col>
              </Row>
          </vue-seamless-scroll>
            <!-- <vueSeamlessScroll :data="listData" class="seamless-warp marginT20">
                <Row v-for="(item,index) in 20" :key="index" :class="{'weight700':index==2}" style="margin-top:10px;">
                  <i-col span="6">石家庄*********有限公司</i-col>
                  <i-col span="6">光大银行石家庄分行</i-col>
                  <i-col span="6">2020.03.13</i-col>
                  <i-col span="6">340万</i-col>
                </Row>
            </vueSeamlessScroll> -->
            
          </i-col>
        </Row>
      </div>
    </div>
</template>
<script>
import vueSeamlessScroll from 'vue-seamless-scroll'
export default {
    props:["tradeList"],
    data(){
      return{
        // tradeList:[]
      }
    },
    components:{
      vueSeamlessScroll
    },
    mounted(){
      // this.$axios('getTradeInfo',[],{}).then(res=>{
      //   console.log(res);
      //   if(res.code == 200){
      //     this.tradeList = res.data.result;
      //   }
      // })
    }
}
</script>
<style scoped>
.seamless-warp {
    height: 190px;
    overflow: hidden;
}
.module-title{
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
}
.trading-dynamic{
  text-align: center;
}
.trading-dynamic .ivu-col{
  margin-top: 10px;
}
.latest-policy-item,.news-item{
  padding: 20px;
}

</style>